.network-config {
  padding: 24px;
  background-color: #ffffff;
  min-height: 842px;

  &-page-title {
    color: #1e1f23;
    margin-bottom: 24px;
  }

  &-top-box {
    display: flex;
    padding-bottom: 24px;
    margin-bottom: 48px;
    border-bottom: 1px solid #f0f0f0;
  }

  &-form {
    width: 500px;
    label {
      color: #999ea8;
    }
  }

  &-message {
    height: 68px;
    margin-left: 100px;
    padding: 6px 0 0 24px;
    border-left: 1px dashed #999ea8;
    color: #999ea8;
    span {
      margin-right: 16px;
    }
  }

  &-ping-message {
    padding: 24px;
    background-color: #f8fbfb;
    width: 500px;
    height: 100px;
    margin-bottom: 24px;
  }
  .address-wrapper {
    position: relative;
  }
  &-ip-tip {
    position: absolute;
    color: #999ea8;
    top: 12px;
    right: -24px;
  }
}
.network-test-modal {
  .ant-modal-footer {
    display: flex;
    justify-content: center;
    .ant-btn-primary {
      float: left;
      margin-right: 15px;
    }
  }
}
.float-right {
  float: right;
}
.mb20 {
  margin-bottom: 20px;
}
.mt20 {
  margin-top: 20px;
}
